﻿<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>index</title>
<script type="text/javascript" src="js/jquery.js"></script>
<link rel="stylesheet" href="css/comon0.css">
</head>
<body>
<div class="loading">
  <div class="loadbox"> <img src="images/loading.gif"> 页面加载中... </div>
</div>
<div class="head">
  <h1>派智售货系统运营中心</h1>
  <div class="weather"><img src="images/weather.png"><span>多云转小雨</span><span>2017-12-30</span></div>
</div>
<div class="mainbox">
  <ul class="clearfix">
    <li>
      <div class="boxall" style="height:3rem">
        <div class="alltitle">生意参谋</div>
        <div class="sycm">
          <ul class="clearfix">
            <li>
              <h2>742</h2>
              <span>今日销售额</span></li>
            <li>
              <h2>791</h2>
              <span>昨日销售额</span></li>
            <li>
              <h2>19%</h2>
              <span>环比增长</span></li>
          </ul>
          <div style="border-bottom: 1px solid rgba(255,255,255,.1)"></div>
          <ul class="clearfix">
            <li>
              <h2>2824</h2>
              <span>本月销售额</span></li>
            <li>
              <h2>2920</h2>
              <span>上月销售额</span></li>
            <li>
              <h2>9%</h2>
              <span>增长率</span></li>
          </ul>
        </div>
        <div class="boxfoot"></div>
      </div>
      <div class="boxall" style="height:3rem">
        <div class="alltitle">设备时实状况</div>
        <div class="sy" id="rd1"></div>
        <div class="sy" id="rd2"></div>
        <div class="sy" id="rd3"></div>
        <div class="boxfoot"></div>
      </div>
      <div class="boxall" style="height: 3.2rem">
        <div class="alltitle">全国地区销售排行</div>
        <div id="echart1" style="height: 2.2rem; width: 100%;"></div>
        <div class="boxfoot"></div>
      </div>
    </li>
    <li>
      <div class="bar">
        <div class="barbox">
          <ul class="clearfix">
            <li class="pulll_left "><i>¥</i><span class="counter">3912410</span></li>
            <li class="pulll_left "><i>¥</i><span class="counter">145364</span></li>
          </ul>
        </div>
        <div class="barbox2">
          <ul class="clearfix">
            <li class="pulll_left">交易总金额</li>
            <li class="pulll_left">交易总笔数</li>
          </ul>
        </div>
      </div>
      <div class="map">
        <div class="map1"><img src="images/lbx.png"></div>
        <div class="map2"><img src="images/jt.png"></div>
        <div class="map3"><img src="images/map.png"></div>
        <div class="map4" id="map_1"></div>
      </div>
		
		
		    <div class="boxall" style="margin-top: -.925rem;">
        <div class="alltitle">每天销售汇总</div>
        <div id="echart3" style="height:2rem; width: 100%;"></div>
        <div class="boxfoot"></div>
      </div>
		
    </li>
    <li>
      <div class="boxall" style="height:3.3rem">
        <div class="alltitle">新增会员信息</div>
        <div class="tabs">
          <ul class="clearfix">
            <li><a class="active" href="#">7天</a></li>
            <li><a href="#">15天</a></li>
            <li><a href="#">30天</a></li>
          </ul>
        </div>
        <div class="clearfix">
          <div class="sy" id="rd4"></div>
          <div class="sy" id="rd5"></div>
          <div class="sy" id="rd6"></div>
        </div>
        
        <div class="boxfoot"></div>
      </div>
		
		  <div class="boxall" style="height:2.8rem">
        <div class="alltitle">每月销量汇总</div>
      
			  <div id="echart2" style="height: 2.2rem; width: 100%;"></div>
        <div class="boxfoot"></div>
      </div>
      <div class="boxall" style="height: 3.1rem">
        <div class="alltitle">商品销售排行</div>
    <div class="wraptit ">
		   <span>排名</span><span>商户</span><span>金额</span><span>数量</span>
		   </div>
			  <div class="wrap ">
          <ul>
				<li><p><span><i>1</i></span><span>腾讯科技</span><span>114万</span><span>2334</span></p></li>
				<li><p><span><i>2</i></span><span>百度公司</span><span>114万</span><span>2334</span></p></li>
				<li><p><span><i>3</i></span><span>新浪</span><span>114万</span><span>2334</span></p></li>
				<li><p><span><i>4</i></span><span>网易</span><span>114万</span><span>2334</span></p></li>
				<li><p><span><i>5</i></span><span>雅虎</span><span>114万</span><span>2334</span></p></li>
				<li><p><span><i>6</i></span><span>雅虎</span><span>114万</span><span>2334</span></p></li>
				<li><p><span><i>7</i></span><span>雅虎</span><span>114万</span><span>2334</span></p></li>
				<li><p><span><i>8</i></span><span>雅虎</span><span>114万</span><span>2334</span></p></li>
				<li><p><span><i>9</i></span><span>雅虎</span><span>114万</span><span>2334</span></p></li>
				<li><p><span><i>10</i></span><span>雅虎</span><span>114万</span><span>2334</span></p></li>       
          </ul>
        </div>
        <div class="boxfoot"></div>
      </div>
    </li>
  </ul>
  
</div>
<div class="back"></div>
<script language="JavaScript" src="js/js.js"></script> 
<script type="text/javascript" src="js/echarts.min.js"></script> 
<script type="text/javascript" src="js/china.js"></script> 
<script type="text/javascript" src="js/area_echarts.js"></script> 
<script src="js/jquery.liMarquee.js"></script> 

<script type="text/javascript" src="js/jquery.waypoints.min.js"></script> 
<script type="text/javascript" src="js/jquery.countup.min.js"></script> 
	<script type="text/javascript">
		$('.counter').countUp();
	</script>
<script>
$(function(){
	$('.wrap,.adduser').liMarquee({
		direction: 'up',//身上滚动 
		runshort: false,//内容不足时不滚动
		scrollamount: 20//速度
	});
});

</script> 
</body>
</html>
